<template>
  <div class="page__login" >
    <account class="page__login-main"  isPage />
  </div>
</template>

<script setup lang="ts">
import { onMounted } from "vue";
import account from "@/components/account/index.vue";
import { invokeAPi } from "@/xz-fn";
invokeAPi("jsMsg_SetWindowSize", 770, 476);
onMounted(() => {
  setTimeout(() => {
    invokeAPi("jsMsg_SetWndDragPos", [
      {
        left: 0,
        top: 0,
        right: window.innerWidth - 90,
        bottom: 50 // 需要考虑注册、找回密码的返回按钮
      }
    ]);
  }, 500);
});
</script>

<style lang="scss" scoped>
.page__login {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.page__login-main {
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
</style>
<style lang="scss">
#app{
  padding: 10px;
  padding-top: 30px;
  padding-right: 50px;
}
</style>